<!-- TRIGGER BUTTON:
<a href="/my-ajax-page.html" data-toggle="modal" data-target="#remoteModal" class="btn btn-default">Open Modal</a>  -->

<!-- MODAL PLACE HOLDER
<div class="modal fade" id="remoteModal" tabindex="-1" role="dialog" aria-labelledby="remoteModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
</div>   -->
<!--////////////////////////////////////-->

<div class="modal-header">
	<i class="fa fa-lg fa-fw fa-home"></i>#2124 - Alex Ventura
	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
		<i class="text-danger fa fa-times"></i>
	</button>

</div
<div class="modal-body">

	<div id="myCarousel" class="carousel fade margin-bottom-10">
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1" class=""></li>
			<li data-target="#myCarousel" data-slide-to="2" class=""></li>
			<li data-target="#myCarousel" data-slide-to="3" class=""></li>
			<li data-target="#myCarousel" data-slide-to="4" class=""></li>
			<li data-target="#myCarousel" data-slide-to="5" class=""></li>
		</ol>
		<div class="carousel-inner">
			<!-- Slide 1 -->
			<div class="item active">
				<img src="img/realestate/6.png" alt="">
			</div>
			<!-- Slide 2 -->
			<div class="item">
				<img src="img/realestate/5.png" alt="">
			</div>
			<!-- Slide 3 -->
			<div class="item">
				<img src="img/realestate/3.png" alt="">
			</div>
			<!-- Slide 4 -->
			<div class="item">
				<img src="img/realestate/4.png" alt="">
			</div>
			<!-- Slide 5 -->
			<div class="item">
				<img src="img/realestate/2.png" alt="">
			</div>
			<!-- Slide 6 -->
			<div class="item">
				<img src="img/realestate/1.png" alt="">
			</div>
		</div>
		<a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
		<a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
	</div>

	<div class="padding-10 padding-top-0">
		<ul class="nav nav-tabs">
			<li class="active">
				<a href="#iss1" data-toggle="tab">Description</a>
			</li>
			<li>
				<a href="#iss2" data-toggle="tab">More info</a>
			</li>
			<li>
				<a href="#iss3" data-toggle="tab">Contact</a>
			</li>
		</ul>
		<div class="tab-content padding-10">
			<div class="tab-pane active" id="iss1">
				<h4>
					Description
					<br>
					<small>About the property</small>
				</h4>
				<br>
				<ul class="list-inline air air-top-right">
					<li>
						<a href="javascript:void(0);" class="btn btn-lg btn-circle text-danger"><i class="fa fa-heart"></i></a>
					</li>
					<li>
						<a href="javascript:void(0);" class="btn btn-lg btn-circle txt-darken"><i class="fa fa-building"></i></a>
						
					</li>
				</ul>
				<p>
					At the heart of the home, the kitchens feature Italian designer furniture, reflecting the cutting edge, contemporary architecture. Stone worktops, glass
					back panelling, mood lighting and a comprehensive range of Siemens appliances enhance the appeal of this functional space creating an ultimate environment
					of luxury living.
				</p>
				<br>
				<div class="row">
								
					<div class="col-sm-4">
						<b>Property Type</b>
						<br>
						Single Family
						<br>
						<br>
						
						<b>Total Parking Spaces</b>
						<br>
						2
					</div>
					<div class="col-sm-4">
						<b>Building Type</b>
						<br>
						House
						<br>
						<br>
						
						<b>Title</b>
						<br>
						Freehold
					</div>
					<div class="col-sm-4">
						<b>Storeys</b>
						<br>
						2
						<br>
						<br>
						
						<b>Land Size</b>
						<br>
						8.80x ACRE
					</div>
					
				</div>
				
			</div>
			<div class="tab-pane fade" id="iss2">

				<div class="panel-group smart-accordion-default" id="accordion" style="margin-left:-10px; margin-right:-10px; margin-bottom:-10px;">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 
									<i class="fa fa-lg fa-angle-down pull-right"></i> 
									<i class="fa fa-lg fa-angle-up pull-right"></i> 
									Building 
								</a>
							</h4>
						</div>
						<div id="collapseOne" class="panel-collapse collapse in">
							<div class="panel-body">
								
								<div class="row">
									
									<div class="col-sm-4">
										<b>Bathrooms (Total)</b>
										<br>
										5
										<br>
										<br>
										
										<b>Heating Fuel</b>
										<br>
										Natural gas
									</div>
									<div class="col-sm-4">
										<b>Cooling</b>
										<br>
										Central air conditioning
										<br>
										<br>
										
										<b>Heating Type</b>
										<br>
										Forced air
									</div>
									<div class="col-sm-4">
										<b>Exterior Finish</b>
										<br>
										Stone
										<br>
										<br>
										
										<b>Style</b>
										<br>
										Detached
									</div>
									
								</div>
										
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed"> 
									<i class="fa fa-lg fa-angle-down pull-right"></i> 
									<i class="fa fa-lg fa-angle-up pull-right"></i> 
									Basement 
								</a>
							</h4>
						</div>
						<div id="collapseTwo" class="panel-collapse collapse">
							<div class="panel-body">
								
									<div class="row">
										
										<div class="col-sm-4">
											<b>Type</b>
											<br>
											Finished
										</div>
										<div class="col-sm-4">
											<b>Development</b>
											<br>
											Finished
										</div>
										<div class="col-sm-4">
											<b>Features</b>
											<br>
											Walk out
										</div>
										
									</div>
								
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed"> 
									<i class="fa fa-lg fa-angle-down pull-right"></i> 
									<i class="fa fa-lg fa-angle-up pull-right"></i> 
									Rooms 
								</a>
							</h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse">
							<div class="panel-body no-padding">
								<div class="table-responsive">
								
									<table class="table table-hover table-condensed">
										<thead>
											<tr>
												<th>Level</th>
												<th>Type</th>
												<th>Dimensions</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<td>Second level</td>
												<td>Bedroom</td>
												<td>3.96 m x 3.61 m</td>
											</tr>
											<tr>
												<td></td>
												<td>Bedroom</td>
												<td>4.6 m x 4.11 m</td>
											</tr>
											<tr>
												<td>Main level</td>
												<td>Living room</td>
												<td>6.48 m x 5.87 m</td>
											</tr>
											<tr>
												<td></td>
												<td>Dining room</td>
												<td>4.98 m x 4.24 m</td>
											</tr>
											<tr>
												<td></td>
												<td>Kitchen</td>
												<td>8.59 m x 3.94 m</td>
											</tr>
											<tr>
												<td></td>
												<td>Master bedroom</td>
												<td>4.78 m x 3.63 m</td>
											</tr>
										</tbody>
									</table>
							
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="tab-pane fade" id="iss3">

				<form>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<label for="name"> Name</label>
								<input type="text" class="form-control" id="name" placeholder="Enter name" required="required">
							</div>
							<div class="form-group">
								<label for="email"> Email Address</label>
								<div class="input-group">
									<span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span> </span>
									<input type="email" class="form-control" id="email" placeholder="Enter email" required="required">
								</div>
							</div>
							<div class="form-group">
								<label for="subject"> Subject</label>
								<select id="subject" name="subject" class="form-control" required="required">
									<option value="na" selected="">RE: Property (#2124):</option>
									<option value="service">General Customer Service</option>
									<option value="suggestions">Buying</option>
									<option value="product">Selling</option>
								</select>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label for="name"> Message</label>
								<textarea name="message" id="message" class="form-control" rows="9" cols="25" required="required" placeholder="Message"></textarea>
							</div>
						</div>
						<div class="col-md-12">
							<button type="submit" class="btn btn-primary pull-right" id="btnContactUs">
								Send Message
							</button>
						</div>
					</div>
				</form>

			</div>
		</div>
	</div>
</div>
<div class="modal-footer">
	<h4><b>Asking Price: <span class="text-success">$241,000</span></b></h4>
</div>
